@charset "UTF-8";
/* @import url(https://cdn.staticfile.org/mui/3.7.1/css/mui.min.css);
@import url(https://cdn.jsdelivr.net/gh/masx200/masx200.github.io@4.2.2/src/assetscss/github-6556dfa9be535e551ffffaadfecdad99.min.css);
@import url(https://cdn.jsdelivr.net/gh/masx200/masx200.github.io@4.2.2/src/assetscss/github-frameworks-a2fba223d5af91496cac70d4ec3624df.min.css);
@import url(https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css); */
@-webkit-keyframes App-logo-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
.App-header {
    background-color: #fff;
}
nav {
    width: 100%;
}
.图片列表200 img {
    height: auto;
    max-height: 200px;
    max-width: 100%;
    min-height: 150px;
    min-width: 150px;
    width: auto;
}
#my导航栏 .navbar-nav li a {
    margin-left: 2px;
    margin-right: 2px;
}
h1,
h2 {
    font-weight: 400;
}
ul {
    list-style-type: none;
    padding: 0;
}
li {
    display: inline-block;
    margin: 0 10px;
}
* {
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.example {
    color: red;
}
body {
    padding: 0;
}
* {
    font-family: "Microsoft Yahei,PingFangSC-Regular,arial, verdana, sans-serif";
}
#my导航栏 {
    max-height: 100%;
    overflow: auto;
    padding-left: 0;
    padding-right: 0;
}
.App {
    text-align: center;
}
.App-logo {
    -webkit-animation: App-logo-spin 20s linear infinite;
    animation: App-logo-spin 20s linear infinite;
    height: 40vmin;
    pointer-events: none;
}
.App-header {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: calc(10px + 2vmin);
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 100vh;
}
.App-link {
    color: #61dafb;
}
.jdahd button {
    border-color: #000;
}
.jdahd * {
    background-color: transparent;
    box-sizing: border-box;
    margin: 0;
    text-align: center;
}
.jdahd body {
    height: 100vh;
    position: relative;
    text-align: center;
}
.jdahd h1 {
    margin: 20px 0;
    text-align: center;
}
.jdahd textarea {
    border-radius: 7px;
    clear: both;
    font-size: 14px;
    margin-bottom: 10px;
    outline: none;
    padding: 15px 10px;
    transition: all 0.2s ease-in;
    width: 100%;
}
.jdahd input[type="button"] {
    background: #2980b9;
    border: 0;
    border-bottom: 2px solid #2475ab;
    box-shadow: inset 0 -2px #2475ab;
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    font-weight: 300;
    height: 60px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    vertical-align: top;
    width: 150px;
}
.jdahd input:active {
    box-shadow: none;
    outline: none;
    top: 1px;
}
.jdahd input:-ms-input-placeholder,
.jdahd textarea:-ms-input-placeholder {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
}
.jdahd input::-moz-placeholder,
.jdahd textarea::-moz-placeholder {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
}
.jdahd input::-webkit-input-placeholder,
.jdahd textarea::-webkit-input-placeholder {
    -webkit-appearance: none;
    box-shadow: none;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
}
.jdahd footer {
    bottom: 20px;
    position: absolute;
    width: calc(100% - 40px);
}
.jdahd footer > p a {
    color: #2980b9;
    text-decoration: none;
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family:
        -apple-system,
        BlinkMacSystemFont,
        Segoe UI,
        Roboto,
        Oxygen,
        Ubuntu,
        Cantarell,
        Fira Sans,
        Droid Sans,
        Helvetica Neue,
        sans-serif;
    margin: 0;
}
code {
    font-family:
        source-code-pro,
        Menlo,
        Monaco,
        Consolas,
        Courier New,
        monospace;
}
.jdahd #my导航栏 {
    max-height: 100%;
    overflow: auto;
    padding-left: 0;
    padding-right: 0;
}
.jdahd *,
.jdahd body {
    text-align: center;
}
.jdahd h1 {
    font-size: 40px;
    font-weight: 300;
}
.jdahd h3 {
    font-weight: 700;
}
.jdahd .actions,
.jdahd li,
.jdahd p,
.jdahd textarea {
    width: 100%;
}
.jdahd textarea {
    border-color: #000;
    display: block;
    margin: 1em 0;
    min-height: 250px;
}
.jdahd ul.pre li {
    white-space: pre;
}
.jdahd .checkbox {
    display: inline-block;
}
.jdahd .actions a {
    float: right;
}
.jdahd .actions {
    clear: both;
}
* {
    font-family: Microsoft Yahei;
    text-align: center;
}
#nav {
    float: center;
}
#app {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 0;
    text-align: center;
}
#App-logo {
    -webkit-animation: App-logo-spin 20s linear infinite;
    animation: App-logo-spin 20s linear infinite;
    height: 40vmin;
    pointer-events: none;
}
@keyframes App-logo-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
* {
    -webkit-user-select: text !important;
    -o-user-select: text;
    -ms-user-select: text !important;
    user-select: text !important;
}
body,
html {
    scroll-behavior: smooth;
}
* {
    font-family:
        Microsoft Yahei,
        Helvetica,
        Tahoma,
        Arial,
        PingFang SC,
        Hiragino Sans GB,
        Heiti SC,
        MicrosoftYaHei,
        WenQuanYi Micro Hei,
        sans-serif !important;
}
.article-content {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75;
    overflow-x: hidden;
    word-break: break-word;
}
.article-content h1 {
    line-height: 1.2;
    margin: 1.3rem 0;
}
.article-content p {
    line-height: 2.27rem;
}
.article-content hr {
    border: none;
    border-top: 1px solid #ddd;
    margin-bottom: 2.7rem;
    margin-top: 2.7rem;
}
.article-content embed,
.article-content iframe,
.article-content img:not(.equation),
.article-content video {
    margin: 0;
    max-width: 100% !important;
}
.article-content img.lazyload {
    visibility: hidden;
}
.article-content img.inited {
    background-color: #f8f9fa;
    background-position: 50%;
    background-repeat: no-repeat;
    visibility: visible;
}
.article-content img.loaded {
    background-color: transparent;
    background-image: none;
}
.article-content img.equation {
    margin: 0 0.1em;
    max-width: 100% !important;
    vertical-align: text-bottom;
}
.article-content img:not(.equation) {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}
.article-content figure {
    margin: 2.7rem auto;
    text-align: center;
}
.article-content figure figcaption {
    color: #909090;
    font-size: 1rem;
    line-height: 2.7rem;
    text-align: center;
}
.article-content pre {
    line-height: 1.93rem;
    overflow: auto;
}
.article-content code,
.article-content pre {
    font-family:
        Menlo,
        Monaco,
        Consolas,
        Courier New,
        monospace;
}
.article-content code {
    background-color: #f8f8f8;
    border-radius: 2px;
    color: #4e5980;
    font-size: 1rem;
    overflow-x: auto;
    padding: 0.26rem 0.53em;
    word-break: break-word;
}
.article-content pre > code {
    display: block;
    font-size: 1rem;
    margin: 0;
    padding: 0.67rem 1.3rem;
    word-break: normal;
}
.article-content a {
    color: #259;
}
.article-content a:active,
.article-content a:hover {
    color: #275b8c;
}
.article-content table {
    border: 1px solid #f6f6f6;
    display: inline-block !important;
    font-size: 1rem;
    max-width: 100%;
    overflow: auto;
    width: auto;
}
.article-content thead {
    background: #f6f6f6;
    color: #000;
    text-align: left;
}
.article-content tr:nth-child(2n) {
    background-color: #fcfcfc;
}
.article-content td,
.article-content th {
    line-height: 2rem;
    padding: 1rem 0.6rem;
}
.article-content td {
    min-width: 10rem;
}
.article-content blockquote {
    border-left: 4px solid #ddd;
    margin: 1em 0;
    padding: 0 1.3rem;
}
.article-content blockquote > p {
    margin: 0.6rem 0;
}
.article-content ol,
.article-content ul {
    padding-left: 2.7rem;
}
.article-content ol li,
.article-content ul li {
    margin-bottom: 0.6rem;
}
.article-content ol ol,
.article-content ol ul,
.article-content ul ol,
.article-content ul ul {
    margin-top: 0.27rem;
}
.article-content pre > code {
    -webkit-overflow-scrolling: touch;
    background: #f8f8f8;
    color: #333;
    overflow-x: auto;
}
.article-content .hljs-comment,
.article-content .hljs-quote {
    color: #998;
}
.article-content .hljs-keyword,
.article-content .hljs-selector-tag,
.article-content .hljs-subst {
    color: #333;
    font-weight: 700;
}
.article-content .hljs-literal,
.article-content .hljs-number,
.article-content .hljs-tag .hljs-attr,
.article-content .hljs-template-variable,
.article-content .hljs-variable {
    color: teal;
}
.article-content .hljs-doctag,
.article-content .hljs-string {
    color: #d14;
}
.article-content .hljs-section,
.article-content .hljs-selector-id,
.article-content .hljs-title {
    color: #900;
    font-weight: 700;
}
.article-content .hljs-subst {
    font-weight: 400;
}
.article-content .hljs-class .hljs-title,
.article-content .hljs-type {
    color: #458;
    font-weight: 700;
}
.article-content .hljs-attribute,
.article-content .hljs-name,
.article-content .hljs-tag {
    color: navy;
    font-weight: 400;
}
.article-content .hljs-link,
.article-content .hljs-regexp {
    color: #009926;
}
.article-content .hljs-bullet,
.article-content .hljs-symbol {
    color: #990073;
}
.article-content .hljs-built_in,
.article-content .hljs-builtin-name {
    color: #0086b3;
}
.article-content .hljs-meta {
    color: #999;
    font-weight: 700;
}
.article-content .hljs-deletion {
    background: #fdd;
}
.article-content .hljs-addition {
    background: #dfd;
}
.article-content .hljs-emphasis {
    font-style: italic;
}
.article-content .hljs-strong {
    font-weight: 700;
}
.article-content p {
    line-height: inherit;
    margin-bottom: 22px;
    margin-top: 22px;
}
.article-content img {
    max-height: none;
}
.article-content a {
    border-bottom: 1px solid #d1e9ff;
    color: #0269c8;
}
.article-content code {
    background-color: #fff5f5;
    color: #ff502c;
    font-size: 0.87em;
    padding: 0.065em 0.4em;
}
.article-content figure {
    margin: 22px auto;
}
.article-content figure figcaption {
    line-height: 1.6;
    margin-top: 2px;
}
.article-content blockquote {
    background-color: #f8f8f8;
    border-left: 4px solid #cbcbcb;
    color: #666;
    margin: 22px 0;
    padding: 1px 23px;
}
.article-content blockquote:after {
    content: "";
    display: block;
}
.article-content blockquote > p {
    margin: 10px 0;
}
.article-content blockquote.warning {
    border-left-color: #f75151;
    margin-left: 8px;
    position: relative;
}
.article-content blockquote.warning:before {
    -webkit-align-items: center;
    align-items: center;
    background: #f75151;
    border-radius: 50%;
    color: #fff;
    content: "!";
    display: -webkit-flex;
    display: flex;
    height: 20px;
    -webkit-justify-content: center;
    justify-content: center;
    left: -12px;
    position: absolute;
    top: 14px;
    width: 20px;
}
.article-content ol,
.article-content ul {
    padding-left: 28px;
}
.article-content ol li,
.article-content ul li {
    list-style: inherit;
    margin-bottom: 0;
}
.article-content ol li.task-list-item,
.article-content ul li.task-list-item {
    list-style: none;
}
.article-content ol li.task-list-item ol,
.article-content ol li.task-list-item ul,
.article-content ul li.task-list-item ol,
.article-content ul li.task-list-item ul {
    margin-top: 0;
}
.article-content ol li {
    padding-left: 6px;
}
.article-content pre {
    line-height: 1.75;
    position: relative;
}
.article-content pre > code {
    padding: 15px 12px;
}
.article-content pre > code.hljs[lang] {
    padding: 18px 15px 12px;
}
.article-content pre > code.hljs[lang]:before {
    color: hsla(0, 0%, 55%, 0.8);
    content: attr(lang);
    position: absolute;
    right: 15px;
    top: 2px;
}
.article-content pre > code.hljs[lang][lang="bash"]:before {
    content: "";
}
.article-content pre > code.copyable .copy-code-btn {
    color: hsla(0, 0%, 55%, 0.8);
    cursor: pointer;
    font-size: 12px;
    line-height: 1;
    position: absolute;
    right: 15px;
    top: 6px;
    transition: color 0.1s;
}
.article-content pre > code.copyable .copy-code-btn:hover {
    color: #8c8c8c;
}
.article-content pre > code.copyable.hljs[lang]:before {
    right: 70px;
}
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
    color: #333;
    line-height: 1.5;
    margin-bottom: 10px;
    margin-top: 35px;
    padding-bottom: 5px;
}
.article-content h1 {
    font-size: 30px;
    margin-bottom: 5px;
}
.article-content h2 {
    border-bottom: 1px solid #ececec;
    font-size: 24px;
    padding-bottom: 12px;
}
.article-content h3 {
    font-size: 18px;
    padding-bottom: 0;
}
.article-content h4 {
    font-size: 16px;
}
.article-content h5 {
    font-size: 15px;
}
.article-content h6 {
    margin-top: 5px;
}
.article-content h1.heading + h2.heading {
    margin-top: 20px;
}
.article-content h1.heading + h3.heading {
    margin-top: 15px;
}
.article-content .heading + .heading {
    margin-top: 0;
}
.article-content h1 + :not(.heading) {
    margin-top: 25px;
}
@media (max-width: 720px) {
    .article-content h1 {
        font-size: 24px;
    }
    .article-content h2 {
        font-size: 20px;
    }
    .article-content h3 {
        font-size: 18px;
    }
    .article-content pre > code .copy-code-btn {
        display: none;
    }
    .article-content pre > code.hljs[lang]:before {
        right: 15px;
        top: 2px;
    }
}
@media (max-width: 720px) {
    .article-content pre > code.copyable.hljs[lang]:before {
        right: 1rem;
    }
}
code,
pre {
    white-space: pre-wrap !important;
}
.hljs {
    -webkit-text-size-adjust: none;
    background: #f8f8f8;
    color: #333;
    display: block;
    overflow-x: auto;
    padding: 0.5em;
}
.diff .hljs-header,
.hljs-comment {
    color: #998;
    font-style: italic;
}
.css .rule .hljs-keyword,
.hljs-keyword,
.hljs-request,
.hljs-status,
.hljs-subst,
.hljs-winutils,
.nginx .hljs-title {
    color: #333;
    font-weight: 700;
}
.hljs-hexcolor,
.hljs-number,
.ruby .hljs-constant {
    color: teal;
}
.hljs-doctag,
.hljs-string,
.hljs-tag .hljs-value,
.tex .hljs-formula {
    color: #d14;
}
.hljs-id,
.hljs-title,
.scss .hljs-preprocessor {
    color: #900;
    font-weight: 700;
}
.hljs-list .hljs-keyword,
.hljs-subst {
    font-weight: 400;
}
.hljs-class .hljs-title,
.hljs-type,
.tex .hljs-command,
.vhdl .hljs-literal {
    color: #458;
    font-weight: 700;
}
.django .hljs-tag .hljs-keyword,
.hljs-rule .hljs-property,
.hljs-tag,
.hljs-tag .hljs-title {
    color: navy;
    font-weight: 400;
}
.hljs-attribute,
.hljs-name,
.hljs-variable,
.lisp .hljs-body {
    color: teal;
}
.hljs-regexp {
    color: #009926;
}
.clojure .hljs-keyword,
.hljs-prompt,
.hljs-symbol,
.lisp .hljs-keyword,
.ruby .hljs-symbol .hljs-string,
.scheme .hljs-keyword,
.tex .hljs-special {
    color: #990073;
}
.hljs-built_in {
    color: #0086b3;
}
.hljs-cdata,
.hljs-doctype,
.hljs-pi,
.hljs-pragma,
.hljs-preprocessor,
.hljs-shebang {
    color: #999;
    font-weight: 700;
}
.hljs-deletion {
    background: #fdd;
}
.hljs-addition {
    background: #dfd;
}
.diff .hljs-change {
    background: #0086b3;
}
.hljs-chunk {
    color: #aaa;
}
@media (max-width: 500px) {
    hr#hidewidthless500 {
        display: none;
    }
}
#padding0 {
    padding: 0 !important;
}
p {
    color: #000 !important;
}
pre {
    text-align: left !important;
}
button,
div,
h1,
h2,
h3,
h4,
h5,
h6,
input {
    text-align: center;
}
* {
    transition-delay: 0s;
    transition-duration: 0s !important;
    transition-property: all;
    transition-timing-function: linear;
}
